<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="referrer" content="never" />
		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" href="static/css/common.css">
		<link rel="stylesheet" href="static/components/components.css" />	
	</head>
	<body>
		<div id="content">
			<explain headertxt="变压器有载调压记录" :explainquery="explainquery"></explain>
			
			<div style="margin:3vw 5vw 2vw;">历史查询组件</div>
			<selectitem placeholder="请输入" :onlyselect="onlyselect" type="LOW_V" ref="selectitem"
			:disabled="personDisabled" @change="itemChange()"></selectitem>
			
			<div style="margin:3vw 5vw 2vw">选人组件</div>
			<personselect :issingle="isSingle" ref="personselect" :disabled="personDisabled"></personselect>
			
			<div style="margin:3vw 5vw 2vw">下拉多选</div>
			<multipleselect placeholder="请选择" 
				:miltipleselectlist="list"
				lable="txt"
				value="val"
				:disabled="personDisabled"></multipleselect>
				
			<div style="margin:3vw 5vw 2vw">流程日志组件</div>	
			<processlog :processlogid='processlogid'></processlog>
			
			
			<a @click="ceshi()">测试按钮</a>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/vue.js"></script>
		<script type="text/javascript" src="../../js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="static/js/neiosRequst.js"></script>  <!--请求接口页面必需-->
		<script src="static/js/neiosCommon.js"></script>  <!--公共js页面必需-->
		
		<script src="static/components/selectItem.js"></script>  <!--历史查询组件-->
		<script src="static/components/explain.js"></script>  <!--填写说明组件-->
		<script src="static/components/personSelect.js"></script>  <!--人员查询组件-->
		<script src="static/components/multipleSelect.js"></script>  <!--下拉多选-->
		<script src="static/components/processLog.js"></script>  <!--流程日志-->
		<script type="text/javascript" charset="utf-8">
		demo = new Vue({
			el: "#content",
			data: {
				explainquery:'keyRepay', // 模块码表编码
				isSingle:true, // 选人组件是否是单选
				processlogid:'142ea28647514db6bf3c74fe5ba3da84', // 获取流程日志所需待办Id
				personDisabled:false,
				
				TRAINING_SOURCE:[], // 码表数据
				NET_SAFE_INFO:[], // 码表数据
				
				onlyselect:false,
				list:[
					{'txt':'1111111','val':1,},
					{'txt':'222','val':2,},
					{'txt':'333','val':3,},
					{'txt':'444','val':4,},
					{'txt':'555','val':5,}
				]
			},
			mounted: function() {
				this.queryDictList()
			},
			components:{
				selectitem,
				explain,
				personselect,
				multipleselect,
				processlog
			},
			methods: {
				// 获取码表接口示例
				queryDictList () {
					let dictCodes = 'TRAINING_SOURCE,NET_SAFE_INFO';
					let dict = mui.neiosCommon.queryDict(dictCodes,function(data){
						if (data != '') {
							this.TRAINING_SOURCE = data.TRAINING_SOURCE
							this.NET_SAFE_INFO = data.NET_SAFE_INFO
							console.log(mui.neiosCommon.dictTransform(this.TRAINING_SOURCE,'0'))
						}
					})
				},
				ceshi () {
					this.$refs.personselect.personids // 可以获取选取的人员ID
					this.$refs.personselect.person // 可以获取选择人员
				},
				itemChange () {
					this.$refs.selectitem.formInline.member
				}
			}
		})

		</script>
	</body>
</html>
